<template lang='pug'>
.svgShape(:style="stylesvg")
    svg(width="100%" height="100%")
        slot(name="shape")
            rect(x="10" y="10" width="200" height="20" stroke="black" fill="none" stroke-width="5")
</template>
<script>
export default {
    props:{
        w:{default:100},
        h:{default:100},
    },
    computed:{
        stylesvg(){
            return {
                // width:this.w+'px',
                // height:this.y+'px',
            }
        },
        styleCircle(){
            let style={
                width:this.w+'px',
                height:this.w+'px',
                'border-radius':(this.w/2+4)+'px',
            }
            style[`border-color`]=this.inf.color
            return style
        }
    },
    methods:{

    }
}
</script>
<style lang="scss" scoped>
.svgShape{
    position:absolute;
    width: 100%;
    height: 100%;
}
</style>